<div class="Layer cover timeLayer" ng-show="showTimeLayer">
  <div class="layerBody">
    <div class="controlTitle textTitle">时段定向</div>
    <div class="closeLayer" ng-click="cancelBtn()"><i class="iconfont bigSize">&#xe608;</i></div>
    <div class="quickChoose clear">
      <div class="fCheckBox noSelect fl spaceBefore">
        <input type="checkbox"  id="allDays" ng-model='quickChoose.allDays' ng-click="chooseAllTime()">
        <label class="" for="allDays">
          日期
        </label>
      </div>
      <div class="fCheckBox noSelect fl">
        <input type="checkbox"  id="toFive" ng-model='quickChoose.to5' ng-click="chooseTimeLine(5)">
        <label class="" for="toFive">
          00:00~05:00
        </label>
      </div>
      <div class="fCheckBox noSelect fl">
        <input type="checkbox"  id="toEleven" ng-model='quickChoose.to11' ng-click="chooseTimeLine(11)">
        <label class="" for="toEleven">
          06:00~11:00
        </label>
      </div>
      <div class="fCheckBox noSelect fl">
        <input type="checkbox"  id="toSaventing" ng-model='quickChoose.to17' ng-click="chooseTimeLine(17)">
        <label class="" for="toSaventing">
          12:00~17:00
        </label>
      </div>
      <div class="fCheckBox noSelect fl">
        <input type="checkbox"  id="toTThree" ng-model='quickChoose.to23' ng-click="chooseTimeLine(23)">
        <label class="" for="toTThree">
          18:00~23:00
        </label>
      </div>
    </div>
    <div class="everyday clear">
      <div class="fCheckBox noSelect fl spaceBefore">
        <input type="checkbox"  id="Monday" ng-model='quickChoose.Monday' ng-click="changeEveryday(1)">
        <label class="" for="Monday">
          星期一
        </label>
      </div>
      <span ng-class="{spaceRight:$index===5 || $index===11 || $index===17,chosedState:item.ifChosed===true}" ng-repeat="item in hour1" ng-click="chooseTime(hour1,$index)">{{item.value}}</span>
    </div>
    <div class="everyday clear">
      <div class="fCheckBox noSelect fl spaceBefore">
        <input type="checkbox"  id="Tuesday" ng-model='quickChoose.Tuesday' ng-click="changeEveryday(2)">
        <label class="" for="Tuesday">
          星期二
        </label>
      </div>
      <span ng-class="{spaceRight:$index===5 || $index===11 || $index===17,chosedState:item.ifChosed===true}" ng-repeat="item in hour2" ng-click="chooseTime(hour2,$index)">{{item.value}}</span>
    </div>
    <div class="everyday clear">
      <div class="fCheckBox noSelect fl spaceBefore">
        <input type="checkbox"  id="Wednesday " ng-model='quickChoose.Wednesday' ng-click="changeEveryday(3)">
        <label class="" for="Wednesday ">
          星期三
        </label>
      </div>
      <span ng-class="{spaceRight:$index===5 || $index===11 || $index===17,chosedState:item.ifChosed===true}" ng-repeat="item in hour3" ng-click="chooseTime(hour3,$index)">{{item.value}}</span>
    </div>
    <div class="everyday clear">
      <div class="fCheckBox noSelect fl spaceBefore">
        <input type="checkbox"  id="Thursday " ng-model='quickChoose.Thursday' ng-click="changeEveryday(4)">
        <label class="" for="Thursday ">
          星期四
        </label>
      </div>
      <span ng-class="{spaceRight:$index===5 || $index===11 || $index===17,chosedState:item.ifChosed===true}" ng-repeat="item in hour4" ng-click="chooseTime(hour4,$index)">{{item.value}}</span>
    </div>
    <div class="everyday clear">
      <div class="fCheckBox noSelect fl spaceBefore">
        <input type="checkbox"  id="Friday " ng-model='quickChoose.Friday' ng-click="changeEveryday(5)">
        <label class="" for="Friday ">
          星期五
        </label>
      </div>
      <span ng-class="{spaceRight:$index===5 || $index===11 || $index===17,chosedState:item.ifChosed===true}" ng-repeat="item in hour5" ng-click="chooseTime(hour5,$index)">{{item.value}}</span>
    </div>
    <div class="everyday clear">
      <div class="fCheckBox noSelect fl spaceBefore">
        <input type="checkbox"  id="Saturday " ng-model='quickChoose.Saturday' ng-click="changeEveryday(6)">
        <label class="" for="Saturday ">
          星期六
        </label>
      </div>
      <span ng-class="{spaceRight:$index===5 || $index===11 || $index===17,chosedState:item.ifChosed===true}" ng-repeat="item in hour6" ng-click="chooseTime(hour6,$index)">{{item.value}}</span>
    </div>
    <div class="everyday clear">
      <div class="fCheckBox noSelect fl spaceBefore">
        <input type="checkbox"  id="Sunday" ng-model='quickChoose.Sunday' ng-click="changeEveryday(7)">
        <label class="" for="Sunday">
          星期日
        </label>
      </div>
      <span ng-class="{spaceRight:$index===5 || $index===11 || $index===17,chosedState:item.ifChosed===true}" ng-repeat="item in hour7" ng-click="chooseTime(hour7,$index)">{{item.value}}</span>
    </div>
    <div class="btnContainer">
      <button ng-click="cancelBtn()">取消</button>
      <button ng-click="sureTimeChose()">确定</button>
    </div>
  </div>
</div>
<style type="text/css">
  .timeLayer .layerBody{
    width: 990px;
    height: 560px;
  }
  .Layer .layerBody{
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 30px 30px 60px 30px;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
  }
  .Layer .layerBody .textTitle{
    margin-top: 0px;
  }
  .Layer .closeLayer{
    width:20px;
    height:28px;
    position:absolute;
    right:30px;
    top:30px;
    cursor: pointer;
  }
  .Layer .quickChoose{
    width:100%;
    height:42px;
    line-height: 42px;
    background-color: #f4f4f4;
  }
  .Layer .fCheckBox{
    width:140px;
    margin-right:40px;
    margin-bottom: 0px;
    padding:0px;
  }
  .Layer .fCheckBox.spaceBefore{
    margin-left:10px;
    margin-right: 0px;
  }
  .Layer .everyday{
    margin-top:20px;
  }
  .Layer .everyday span{
    width:20px;
    height:20px;
    margin-right:5px;
    font-size: 14px;
    color:#393d40;
    line-height: 20px;
    text-align: center;
    background-color: #f4f4f4;
    border-radius: 3px;
    cursor: pointer;
  }
  .Layer .everyday span.spaceRight{
    margin-right:40px;
  }
  .Layer .everyday span.chosedState{
    color:#ffffff;
    background-color: #ff7070;
  }
  .Layer .btns{
    width:340px;
    margin-top: 60px;
    position: relative;
    left:50%;
    transform: translateX(-50%);
  }
</style>